.orderItem {
  width: 750px;
  // height: 454px;
  background-color: #ffffff;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-top: 28px;

  .orderTop {
    width: 750px;
    height: 34px;
    padding: 0 36px;
    box-sizing: border-box;

    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    .orderId {
      color: #888888;
    }

    .orderStatus {
      color: #04cb00;
    }
  }

  .orderContent {
    width: 750px;
    height: 288px;
    box-sizing: border-box;
    padding: 36px 36px;
    padding-bottom: 52px;
    display: flex;
    .orderContentLeft {
      .img {
        width: 182px;
        height: 200px;
      }
    }
    .orderContentRight {
      flex: 1;
      box-sizing: border-box;
      padding-left: 36px;
      display: flex;
      flex-direction: column;
      .goodsDesc {
        width: 419px;
        height: 117px;
        font-family: PingFang SC;
        font-size: 28px;
        font-weight: 500;
        line-height: 39.2px;
        text-align: left;
        color: #000000;
      }
      .goodsNum {
        height: 34px;
        font-family: PingFang SC;
        font-size: 24px;
        line-height: 33.6px;
        color: #888888;
        display: flex;
        justify-content: flex-end;
      }

      .goodsPrice {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-family: PingFang SC;
        font-size: 24px;
        font-weight: 500;
        line-height: 33.6px;
      }
    }
  }

  .orderFooter {
    width: 750px;
    height: 104px;

    border-top: 1px solid #0000001a;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    font-family: PingFang SC;
    font-size: 27px;
    font-weight: 500;
    line-height: 39.2px;
    text-align: left;

    .deleteBtn {
      width: 184px;
      height: 55px;
      box-sizing: border-box;
      padding: 8px 36px 8px 36px;
      border-radius: 28px;
      margin-right: 36px;
      border: 1px solid #d12a2a;
      display: flex;
      justify-content: center;
      align-items: center;

      color: #d12a2a;
    }

    .cancelBtn {
      width: 184px;
      height: 55px;
      box-sizing: border-box;
      padding: 8px 36px 8px 36px;
      border-radius: 28px;
      margin-right: 36px;
      border: 1px solid #8a8a8a;
      display: flex;
      justify-content: center;
      align-items: center;

      color: #000000;
    }

    .payBtn {
      width: 156px;
      height: 55px;
      box-sizing: border-box;

      padding: 8px 36px 8px 36px;
      border-radius: 39px;
      border: 1px solid #04cb00;
      margin-right: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #04cb00;
    }
  }
}
